<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>简约大气的3D翻转商业名片特效</title>
    <link type="text/css" rel="stylesheet" href="index.css">
</head>

<body>
<div class='card-wrapper'>
    <div class='card' data-toggle-class='flipped'>
        <div class='card-front'>
            <div class='layer'>
                <h1>珠峰培训</h1>
                <div class='corner'></div>
                <div class='corner'></div>
                <div class='corner'></div>
                <div class='corner'></div>
            </div>
        </div>
        <div class='card-back'>
            <div class='layer'>
                <div class='top'>
                    <h2>html+css+javascript+php+mysql</h2>
                </div>
                <div class='bottom'>
                    <h3>
                        昵称：
                        <a href='https://www.zhufengpeixun.cn' target='_blank'>珠峰培训</a>
                    </h3>
                    <h3>
                        电话：
                        <a href='tel:400-180-6960'>400-180-6960</a>
                    </h3>
                    <h3>
                        QQ：
                        <a href='mailto:4001806960'>4001806960</a>
                    </h3>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="index.js"></script>
</body>
</html>